/* Colors
 -------------------------- */
@white: #fff;
@black: #000;

// color palettes
@blue: #1890ff;
@blue-1: mix(@white, @blue, 10%);
@blue-2: mix(@white, @blue, 20%);
@blue-3: mix(@white, @blue, 30%);
@blue-4: mix(@white, @blue, 40%);
@blue-5: mix(@white, @blue, 50%);
@blue-6: mix(@white, @blue, 60%);
@blue-7: mix(@white, @blue, 70%);
@blue-8: mix(@white, @blue, 80%);
@blue-9: mix(@white, @blue, 90%);

@purple: #722ed1;
@purple-1: mix(@white, @purple, 10%);
@purple-2: mix(@white, @purple, 20%);
@purple-3: mix(@white, @purple, 30%);
@purple-4: mix(@white, @purple, 40%);
@purple-5: mix(@white, @purple, 50%);
@purple-6: mix(@white, @purple, 60%);
@purple-7: mix(@white, @purple, 70%);
@purple-8: mix(@white, @purple, 80%);
@purple-9: mix(@white, @purple, 90%);

@cyan: #13c2c2;
@cyan-1: mix(@white, @cyan, 10%);
@cyan-2: mix(@white, @cyan, 20%);
@cyan-3: mix(@white, @cyan, 30%);
@cyan-4: mix(@white, @cyan, 40%);
@cyan-5: mix(@white, @cyan, 50%);
@cyan-6: mix(@white, @cyan, 60%);
@cyan-7: mix(@white, @cyan, 70%);
@cyan-8: mix(@white, @cyan, 80%);
@cyan-9: mix(@white, @cyan, 90%);

@green: #52c41a;
@green-1: mix(@white, @green, 10%);
@green-2: mix(@white, @green, 20%);
@green-3: mix(@white, @green, 30%);
@green-4: mix(@white, @green, 40%);
@green-5: mix(@white, @green, 50%);
@green-6: mix(@white, @green, 60%);
@green-7: mix(@white, @green, 70%);
@green-8: mix(@white, @green, 80%);
@green-9: mix(@white, @green, 90%);

@magenta: #eb2f96;
@magenta-1: mix(@white, @magenta, 10%);
@magenta-2: mix(@white, @magenta, 20%);
@magenta-3: mix(@white, @magenta, 30%);
@magenta-4: mix(@white, @magenta, 40%);
@magenta-5: mix(@white, @magenta, 50%);
@magenta-6: mix(@white, @magenta, 60%);
@magenta-7: mix(@white, @magenta, 70%);
@magenta-8: mix(@white, @magenta, 80%);
@magenta-9: mix(@white, @magenta, 90%);

@red: #f5222d;
@red-1: mix(@white, @red, 10%);
@red-2: mix(@white, @red, 20%);
@red-3: mix(@white, @red, 30%);
@red-4: mix(@white, @red, 40%);
@red-5: mix(@white, @red, 50%);
@red-6: mix(@white, @red, 60%);
@red-7: mix(@white, @red, 70%);
@red-8: mix(@white, @red, 80%);
@red-9: mix(@white, @red, 90%);

@orange: #fa8c16;
@orange-1: mix(@white, @orange, 10%);
@orange-2: mix(@white, @orange, 20%);
@orange-3: mix(@white, @orange, 30%);
@orange-4: mix(@white, @orange, 40%);
@orange-5: mix(@white, @orange, 50%);
@orange-6: mix(@white, @orange, 60%);
@orange-7: mix(@white, @orange, 70%);
@orange-8: mix(@white, @orange, 80%);
@orange-9: mix(@white, @orange, 90%);

@yellow: #fadb14;
@yellow-1: mix(@white, @yellow, 10%);
@yellow-2: mix(@white, @yellow, 20%);
@yellow-3: mix(@white, @yellow, 30%);
@yellow-4: mix(@white, @yellow, 40%);
@yellow-5: mix(@white, @yellow, 50%);
@yellow-6: mix(@white, @yellow, 60%);
@yellow-7: mix(@white, @yellow, 70%);
@yellow-8: mix(@white, @yellow, 80%);
@yellow-9: mix(@white, @yellow, 90%);

@geek-blue: #2f54eb;
@geek-blue-1: mix(@white, @geek-blue, 10%);
@geek-blue-2: mix(@white, @geek-blue, 20%);
@geek-blue-3: mix(@white, @geek-blue, 30%);
@geek-blue-4: mix(@white, @geek-blue, 40%);
@geek-blue-5: mix(@white, @geek-blue, 50%);
@geek-blue-6: mix(@white, @geek-blue, 60%);
@geek-blue-7: mix(@white, @geek-blue, 70%);
@geek-blue-8: mix(@white, @geek-blue, 80%);
@geek-blue-9: mix(@white, @geek-blue, 90%);

@lime: #a0d911;
@lime-1: mix(@white, @lime, 10%);
@lime-2: mix(@white, @lime, 20%);
@lime-3: mix(@white, @lime, 30%);
@lime-4: mix(@white, @lime, 40%);
@lime-5: mix(@white, @lime, 50%);
@lime-6: mix(@white, @lime, 60%);
@lime-7: mix(@white, @lime, 70%);
@lime-8: mix(@white, @lime, 80%);
@lime-9: mix(@white, @lime, 90%);

@gold: #faad14;
@gold-1: mix(@white, @gold, 10%);
@gold-2: mix(@white, @gold, 20%);
@gold-3: mix(@white, @gold, 30%);
@gold-4: mix(@white, @gold, 40%);
@gold-5: mix(@white, @gold, 50%);
@gold-6: mix(@white, @gold, 60%);
@gold-7: mix(@white, @gold, 70%);
@gold-8: mix(@white, @gold, 80%);
@gold-9: mix(@white, @gold, 90%);

